<template>
  <div id="area-detail">
      <div class="item">场所名称：{{initData.name}}</div>
      <div class="item">场所类型：{{initData.placeType}}</div>
      <div class="item">场所负责人：{{initData.responsible}}</div>
      <div class="item">创建时间：{{initData.createTime}}</div>
	  <div class="item">备注：{{initData.remark}}</div>
	  <div class="item qrcode"><img :src="initData.qrCode" alt="" ></div>
  </div>
</template>
<script>
export default {
    props:{
      initData:{
        type:Object,
        default:()=>{},
        required:false,
      },
    },
    data(){
      return{

      }
    }
};
</script>
<style scoped lang="scss">
#area-detail{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding:10px 20px;
  .item{
    flex-basis: 40%;
    margin:10px;
  }

}

.qrcode{
	flex-basis: 100% !important;
	display: flex;
	text-align: center;
	justify-content: center;
	margin-top: 60px !important;
	img{
		width:200px;
	}
}
</style>
